<layout name="master"/>
</div>
<!--导航结束-->
<div class="clear"></div>

</div>
<!--头部结束-->
<!--中间开始-->
<div id="content">
	<div class="cont">
		<div class="main">
			<div class="content-left">
				<div class="box">
					<div class="zhezhao"></div>
					<div class="sekuai"></div>
					<div class="smallTu"></div>
					<a href="javascript:;" class="shang">&lt;</a>
					<div class="list1">
						<ul>
							<volist name="goodsData['medium_pic']" id="v">
								<li><img src="__ROOT__/{$v}" alt=""></li>
							</volist>
						</ul>
					</div>
					<a href="javascript:;" class="xia">&gt;</a>

					<div class="bgTu"></div>
					<div class="bgTuHide">
						<ul>
							<volist name="goodsData['big_pic']" id="v">
								<li><img src="__ROOT__/{$v}" alt=""></li>
							</volist>
						</ul>

					</div>
				</div>
			</div>
			<div class="content-right">

				<div class="tit">{$goodsData['gname']}</div>
				<div class="description">安全三系统 6GB内存+128GB存储 高通骁龙820芯片 智慧双摄2.0 银行级安全芯片 360OS 2.0 QC闪充3.0</div>
				<div class="pirve">{$goodsData['shopprice']}</div>


				<foreach name="specData" item="v" key="k">
					<div class="category">
						<h4>{$k}</h4>
						<ul>
							<foreach name="v" item="vv" key="kk">
								<li gaid="{$vv['gaid']}" specName="{$k}">{$vv['gavalue']}</li>
							</foreach>
						</ul>
					</div>
				</foreach>
				<script>
					$(function(){
//					    当规格都被选中时，异步获取库存
					    $(".category li").click(function(){
//					        判断是否每个规格都被选中
							if($('.category .zhong').length != $('.category').length){
							    return false;
							}
					        var gid = {$Think.get.gid};
					        var combine='';
					        $('.category .zhong').each(function(k,v){
					            combine+= $(this).attr('gaid')+',';
							});
					        $.post("{:U('ajaxGetTotal')}",{gid:gid,combine:combine},function(res){
								if(res){
//								    有库存
                                    $('.goodsTotal').html('库存为：'+res);
                                    $('.nobdr h6').addClass('allow').removeClass('disabled');
                                }else{
//								    没有库存
                                    $('.goodsTotal').html('库存为：0');
                                    $('.nobdr h6').addClass('disabled').removeClass('allow');
                                }
							},'json');

						})
					})
				</script>
				<div class="num">
					<h5>数量</h5>
					<a href="javascript:;" class="num_l">-</a>
					<input id="total" type="text" value="1" />
					<a href="javascript:;" class="num_r">+</a>
					<span class="goodsTotal" style="margin-left: 2em; line-height: 2em;">库存为：0</span>
				</div>
				<style>
					.allow{
						background: #fa5437;
					}
					.disabled{
						background: #ccc;
					}
				</style>
				<div class="nobdr">
					<h6 class="allow"><a href="javascript:;">加入购物车</a></h6>
				</div>
				<script>
					$(function(){
//					    点击加入购物车事件
					    $(".nobdr .allow").click(function(){
							if($(this).is('.disabled')){
                                return false;
							}
//					        判断是否每个规格都被选中
                            if($('.category .zhong').length != $('.category').length){
							    layer.msg('请选择规格');
							    return false;
							}
//							需要异步到后台的数据
							var data = {
                                gid:{$Think.get.gid},
								num:$('#total').val(),
								options:{}
							}
							$('.category .zhong').each(function(){
								data['options'][$(this).attr('specName')] = $(this).text();
							});
							$.post("{:u('ajaxAddToCart')}",data,function(res){
								location.href="{:u('Cart/index')}";
							},'json');
						})
					})
				</script>
				<div class="houdun">
					<h3>保障</h3>
					<p><i class="o1"></i>360商城发货&售后</p>
					<p><i class="o2"></i>满99元包邮</p>
					<p><i class="o3"></i>7天无理由退货</p>
					<p><i class="o4"></i>15天免费换货</p>
				</div>
			</div>
		</div>
	</div>
	<div class="desc" id="xijie">
		<div class="desctab" >
			<div class="main">
				<ul>
					<li><a href="#xijie">产品详情</a><span>|</span></li>
					<li><a href="#guige">规格参数</a><span>|</span></li>
					<li><a href="#wenti">常见问题</a></li>
				</ul>
			</div>
		</div>
		<div class="con">
			{$goodsData['intro']}
			<!--<img src="__PUBLIC__/Home/images/t0159dae288111b9b39.jpg" />-->
			<!--<img src="__PUBLIC__/Home/images/t0159dae288111b9b39.jpg" />-->
			<!--<img src="__PUBLIC__/Home/images/t0159dae288111b9b39.jpg" />-->
			<!--<img src="__PUBLIC__/Home/images/t0159dae288111b9b39.jpg" />-->
			<!--<img src="__PUBLIC__/Home/images/t0159dae288111b9b39.jpg" />-->
		</div>
		<div class="con main" id="guige">
			<h1>产品参数</h1>
			<table cellpadding="0" cellspacing="0" border="1">
				<tbody>
				<tr>
					<td class="wd207" colspan="2">主体</td>
				</tr>
				<tr>
					<td class="wd207">品牌</td>
					<td>360手机</td>
				</tr>
				<tr>
					<td class="wd207">型号</td>
					<td>1509-A00（Q5 Plus)</td>
				</tr>
				<tr>
					<td class="wd207">上市时间</td>
					<td>2016年8月</td>
				</tr>
				<tr>
					<td class="wd207" colspan="2">基本信息</td>
				</tr>
				<tr>
					<td class="wd207">机身颜色</td>
					<td>流光金</td>
				</tr>
				<tr>
					<td class="wd207">机身尺寸（mm）</td>
					<td>156.5*80*8.3</td>
				</tr>
				<tr>
					<td class="wd207">机身重量（g）</td>
					<td>175.0g</td>
				</tr>
				<tr>
					<td class="wd207" colspan="2">操作系统</td>
				</tr>
				<tr>
					<td class="wd207">操作系统</td>
					<td>360 OS Android 6.0</td>
				</tr>
				<tr>
					<td class="wd207" colspan="2">主芯片</td>
				</tr>
				<tr>
					<td class="wd207">CPU型号</td>
					<td>骁龙820</td>
				</tr>
				<tr>
					<td class="wd207">CPU频率</td>
					<td>Kryo 2.15GHz x 4</td>
				</tr>
				<tr>
					<td class="wd207" colspan="2">网络支持</td>
				</tr>
				<tr>
					<td class="wd207">双卡机类型</td>
					<td>双卡双待单通</td>
				</tr>
				<tr>
					<td class="wd207">SIM卡类型</td>
					<td>Nano SIM</td>
				</tr>
				<tr>
					<td class="wd207">网络制式</td>
					<td>全网通</td>
				</tr>
				<tr>
					<td class="wd207" colspan="2">存储</td>
				</tr>
				<tr>
					<td class="wd207">ROM</td>
					<td>128GB UFS2.0 机身存储</td>
				</tr>
				<tr>
					<td class="wd207">RAM</td>
					<td>4GB LPDDR4 双通道内存</td>
				</tr>
				<tr>
					<td class="wd207">存储卡</td>
					<td>支持MicroSD（TF）</td>
				</tr>
				<tr>
					<td class="wd207" colspan="2">屏幕</td>
				</tr>
				<tr>
					<td class="wd207">主屏幕尺寸（英寸）</td>
					<td>6.0英寸</td>
				</tr>
				<tr>
					<td class="wd207">分辨率</td>
					<td>1920*1080(FHD)</td>
				</tr>
				<tr>
					<td class="wd207">屏幕材质类型</td>
					<td>三星（SAMSUNG）Super AMOLED</td>
				</tr>
				<tr>
					<td class="wd207">屏幕色彩</td>
					<td>1600万</td>
				</tr>
				<tr>
					<td class="wd207" colspan="2">前置摄像头</td>
				</tr>
				<tr>
					<td class="wd207">前置摄像头</td>
					<td>1300万像素</td>
				</tr>
				<tr>
					<td class="wd207">前摄光圈大小</td>
					<td>f/2.0</td>
				</tr>
				<tr>
					<td class="wd207">美颜技术</td>
					<td>支持</td>
				</tr>
				<tr>
					<td class="wd207">拍照特点</td>
					<td>美颜</td>
				</tr>
				<tr>
					<td class="wd207" colspan="2">后置摄像头</td>
				</tr>
				<tr>
					<td class="wd207">后置摄像头</td>
					<td>双1300万像素</td>
				</tr>
				<tr>
					<td class="wd207">摄像头光圈大小</td>
					<td>f/2.0</td>
				</tr>
				<tr>
					<td class="wd207">闪光灯</td>
					<td>LED灯</td>
				</tr>
				<tr>
					<td class="wd207">美颜技术</td>
					<td>支持</td>
				</tr>
				<tr>
					<td class="wd207" colspan="2">电池信息</td>
				</tr>
				<tr>
					<td class="wd207">电池容量（mAh）</td>
					<td>3700</td>
				</tr>
				<tr>
					<td class="wd207">电池是否可拆卸</td>
					<td>否</td>
				</tr>
				<tr>
					<td class="wd207">闪充</td>
					<td>支持QC3.0涡轮闪充</td>
				</tr>
				<tr>
					<td class="wd207" colspan="2">娱乐功能</td>
				</tr>
				<tr>
					<td class="wd207">mic数量</td>
					<td>2个</td>
				</tr>
				<tr>
					<td class="wd207">喇叭数量</td>
					<td>1个</td>
				</tr>
				<tr>
					<td class="wd207" colspan="2">数据接口</td>
				</tr>
				<tr>
					<td class="wd207">数据传输接口</td>
					<td>WIFI、蓝牙、WiFi热点、OTG接口</td>
				</tr>
				<tr>
					<td class="wd207">NFC/NFC模式</td>
					<td>不支持</td>
				</tr>
				<tr>
					<td class="wd207">耳机接口类型</td>
					<td>3.5mm</td>
				</tr>
				<tr>
					<td class="wd207">充电接口类型</td>
					<td>Type-C</td>
				</tr>
				<tr>
					<td class="wd207" colspan="2">手机特性</td>
				</tr>
				<tr>
					<td class="wd207">指纹识别</td>
					<td>支持</td>
				</tr>
				<tr>
					<td class="wd207">GPS</td>
					<td>支持</td>
				</tr>
				<tr>
					<td class="wd207">电子罗盘</td>
					<td>支持</td>
				</tr>
				<tr>
					<td class="wd207">霍尔感应器</td>
					<td>支持</td>
				</tr>
				<tr>
					<td class="wd207">陀螺仪</td>
					<td>支持</td>
				</tr>
				<tr>
					<td class="wd207">其他</td>
					<td>距离感应、呼吸灯、光线感应</td>
				</tr>
				</tbody>
			</table>
		</div>
		<div class="con main" id="wenti">
			<h2>常见问题</h2>
			<dl>
				<dt><i>1、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>
				<dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>
			</dl>
			<dl>
				<dt><i>2、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>
				<dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>
			</dl>
			<dl>
				<dt><i>3、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>
				<dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>
			</dl>
			<dl>
				<dt><i>4、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>
				<dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>
			</dl>
			<dl>
				<dt><i>5、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>
				<dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>
			</dl>
			<dl>
				<dt><i>6、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>
				<dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>
			</dl>
			<dl>
				<dt><i>7、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>
				<dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>
			</dl>

		</div>
	</div>

</div>
</div>
<!--中间结束-->